<template>
  <div class="pload">
    <img src="../assets/images/loading.gif" />
    <p>加载中...</p>
  </div>
</template>
<script>
  export default{
      name:'pload',
      data(){
          return{
              msg:'aaaaa'
          }
      }
  }
</script>
<style scoped>
  .pload {position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);margin-top: -1rem;z-index: 9999999999;text-align: center;width: 100%;}
  .pload img,.pload p{ position:absolute; width:5rem; height: auto; left:50%; top: 40%; margin-left:-2.5rem; margin-top:-3rem;}
  .pload p{width:100%;color:#fff;padding-top:1.5rem;text-align: center;font-size: .8rem;margin:0;left:0;}
</style>
